<!--
	作者：956911785@qq.com
	时间：2019年11月16日19:43:20
	描述：富文本编辑
-->
<template>
    <div>
        <div ref="editor" style="text-align:left">
        </div>
    </div>
</template>

<script>
    import E from 'wangeditor'
    export default {
      name: 'editor',
      data () {
        return {
          editor: null,
        }
      },
      props: {
		value:{
			type:String,	
			default: function() {
				return ""
			}
		},
      },
      mounted() {;
        this.editor = new E(this.$refs.editor)
        this.editor.customConfig.onchange = (html) => { // 获取内容
          this.$emit("getcontent", html);
        }
		 // 自定义菜单配置
		this.editor.customConfig.menus = [
			  'undo',  // 撤销
			  'redo'  // 重复
		 ];
		this.editor.create();
	
      },
	  watch:{
	  	value: {
	  		deep: true,
	  		handler: function() {
				this.editor.txt.html(this.value); // 设置内容	
	  		},	
	  	},
	  },
    }
</script>

<style scoped="scoped">

</style>